
<template>
  <div id="app">
    <m-header />
    <tab :tab-list='tabList' />
    <keep-alive include="['recommend','singer','rank']">
      <router-view></router-view>
    </keep-alive>
    <player />
    <operator-song />
  </div>
</template>

<script>
import MHeader from 'components/app/m-header/Mheader'
import Tab from 'components/base/Tab.vue'
import Player from 'components/play/Player'
import TabData from '@/typeconfig/tab.js'
import OperatorSong from 'components/operatorSong/OperatorSong'
export default {
  components: { MHeader, Tab, Player, OperatorSong },

  data() {
    return {
      tabList: TabData
    }
  }
}
</script>

<style >
#app {
  overflow-x: hidden;
  overflow-y: hidden;
}
</style>